﻿<!DOCTYPE html>
<!--
Beyond Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3
Version: 1.0.0
Purchase: http://wrapbootstrap.com
-->

<html xmlns="http://www.w3.org/1999/xhtml">
<!--Head-->
<head>
    <meta charset="utf-8" />
    <title>Register Page</title>

    <meta name="description" content="register page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="/static/images/favicon.png" type="image/x-icon">

    <!--Basic Styles-->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" />



    <!--Beyond styles-->
    <link id="beyond-link" href="/static/css/beyond.min.css" rel="stylesheet" />
    <link href="/static/css/demo.min.css" rel="stylesheet" />
    <link href="/static/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="/static/js/skins.min.js"></script>
</head>
<!--Head Ends-->
<!--Body-->
<body>
    <div class="register-container animated fadeInDown">
        <div class="registerbox bg-white">
            <section class="reg_box">
	        <form class="login-form" action="/user/reg" method="post">
            <div class="registerbox-title">注册信息</div>

            <div class="registerbox-caption ">请输入你的注册信息</div>
            <div class="registerbox-textbox">
                <input type="text" id="username" required class="form-control" placeholder="请输入用户名"  name="username"/>
            </div>
            <div class="registerbox-textbox">
                <input type="password" id="passwd" required class="form-control" placeholder="请输入6-20位字符"  name="passwd" />
            </div>
            <div class="registerbox-textbox">
                <input type="password" id="en_passwd" required class="form-control" placeholder="请确认您的密码" name="en_passwd" />
            </div>
            <div class="registerbox-textbox">
                <input type="email" id="mail" required class="form-control" placeholder="请输入您的邮箱" name="mail" />
            </div>
             <div class="registerbox-textbox">
                <input type="email" id="en_mail" required class="form-control" placeholder="请确认您的邮箱" name="en_mail" />
            </div>
             <div class="registerbox-textbox">
                <input type="tel" id="phone" required class="form-control" placeholder="请确认您的手机号码" name="phone" />
            </div>

            <div class="registerbox-textbox no-padding-bottom">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" class="colored-primary" checked="checked">
                        <span class="text darkgray">I agree to the Company <a class="themeprimary">Terms of Service</a> and Privacy Policy</span>
                    </label>
                </div>
            </div>
            <div class="registerbox-submit">
                <input type="submit" class="btn btn-primary pull-right" value="注册">
            </div>
           {% if result %}
                {% if result['message'] %}
                    <div class="alert alert-danger">
                        {{ result['message'] }}
                    </div>
                {% endif %}
           {% endif %}
        </form>
        </section>
        </div>
        <div class="logobox">
        </div>
    </div>

    <!--Basic Scripts-->
    <script src="/static/js/jquery-2.0.3.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>

    <!--Beyond Scripts-->
    <script src="/static/js/beyond.min.js"></script>
    <!--Google Analytics::Demo Only-->
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'http://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-52103994-1', 'auto');
        ga('send', 'pageview');

    </script>
</body>
<!--Body Ends-->
</html>
